<!Doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<link rel="stylesheet" href="css\style3.css">
	<script src="scripts/modernizr.js"></script>
	<title>Zadacha 3 Linkedin</title>
</head>
<body>
	<div id="wrapper">
		
		<header>
			<div id="Logo">
				<h1>
					<a href="#">LinkedIn</a>
				</h1>
			</div>
			
			<nav>
				<ul>
					<li>Home</li>
					<li>What is LinkedIn?</li>
					<li>Join today</li>
					
					<li id="sing_in">
						<form method="post" action="ne6tosi.php">
							<fieldset >
								<legend>Sign in</legend>
								
								<ul>
								
									<li>
										<label for="email">Email:</label>
										<input type="text" name="email" id="email">
									</li>
									
									<li>
										<label for="pass">Password:</label>
										<input type="password" name="pass" id="pass">
									</li>
									
									<li>
										<input type="submit" name="Submit" value="SingIn">
									</li>
								
								</ul>
							</fieldset>	
						</form>
					</li>
				</ul>
			</nav>
		</header>
		
		<div id="content">
			
			<section>
				<h2>
					Over 175 million professionals use LinkedIn to 
					exchange information, ideas and opportunities
				</h2>
				
				<ul>
					<li>Stay informed about your contacts and industry</li>
					<li>Find the people &amp; knowledge you need to achieve your goals</li>
					<li>Control your professional identity online</li>
				</ul>
			</section>
			
			<section>
			
				<header>
					<h3>Join LinkedIn Today</h3>
				</header>	
				
				<form method="post" action="ne6tosi.php">
					
					<fieldset>
						<legend>Sing Up</legend>
						
						<ul>
							<li>
								<label for="FNameReg">First Name</label>
								<div>
									<input type="text" name="FNameReg" id="FNameReg">
								</div>
							</li>
							
							<li>
								<label for="LNameReg">Last Name</label>
								<div>	
									<input type="text" name="LNameReg" id="LNameReg">
								</div>	
							</li>
							
							<li>
								<label for="emailReg">Email:</label>
								<div>
									<input type="text" name="email" id="emailReg">
								</div>	
							</li>
							
							<li>
								<label for="passReg">Password:</label>
								<div>
									<input type="password" name="pass" id="passReg">
									<p>6 or more characters</p>
								</div>	
							</li>
						</ul>
						
						<p>
							<input type="submit" name="RegBtn" value="Join Now">
							<a href="#">*</a>
						</p>	
						
						<p>
							Already on LinkedIn?
							<a href="#">Sing in.</a>
						</p>
						
					</fieldset>
					
				</form>
				
			</section>
			
			<section>
			
				<header>
					<h3>Search for someone by name:</h3>
				</header>
				
				<form method="post" action="ne6tosi.php" name="search">
					<ul>
						<li>
							<label for="FNameSearch">First Name</label>
							<input type="text" name="FNameSearch" id="FNameSearch" placeholder="First Name" >
						</li>
						
						<li>
							<label for="LNameSearch">Last Name</label>
							<input type="text" name="LNameSearch" id="LNameSearch" placeholder="Last Name" >
						</li>
					</ul>
					<input type="submit" name="Go" value="Go">
				</form>
				
			</section>
		
		</div>
		
	</div>
</body>
</html>